<template>
    <div class="allzs">
        <div class="allzs_a">
          <div class="allzs_ad">?</div>
          <fAce01 :datak="data01"  v-if="data01.length"></fAce01>
          <p class="allzs_atl"><span>离枕</span><img src="http://106.54.96.192/goodSleep/images/index_lz.png" /></p>
          <fAce02 :datas="data02"  v-if="data02.length"></fAce02>
        </div>
    </div>
</template>

<script>
    export default {
      name: "homeA",
      data(){
          return{
            data01:[],//这是图表1
            data02:[],//这是图表2
          }
      },
      created(){
        this.forCe();
      },
      components:{
        fAce01:()=>import("./force01"),
        fAce02:()=>import("./force02"),
      },
      methods:{
      forCe(){
        var that=this;
        that.$axios.get('../../../static/apijson/force05a.json').then((response) => {
          console.log(response)
          that.data01=response.data;
        });
        that.$axios.get('../../../static/apijson/force01a.json').then((response) => {
          console.log(response)
          that.data02=response.data;
        });
      }
      }
    }
</script>

<style lang="scss" type="text/css" scoped>
.allzs{
  width:100%;
   float:left;
   margin-top:0.3rem;

  .allzs_a{
    margin: 0.2rem 0.3rem;
    height: 8.34rem;
    background: #0d2e71;
    border-radius: 0.1rem;

    .allzs_atl{
      width: 100%;
      height: 100%;
      float: left;
      color:#bdbdbd;
      font-size:0.24rem;
      margin-top: 0.2rem;
      margin-bottom: 0.2rem;
      text-align:right;
      height:0.3rem;
      img{
        width:0.3rem;
        height:0.3rem;
        float:right;
        margin-right: 0.16rem;
      }
      span{
        float: right;
        margin-right: 0.2rem;
      }
    }
  }
}
</style>
